﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="FHost1.FormDefault" %>

<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <script type="text/javascript">
        $(function () {
            $("#MainContent_btnSearch").button();
            $("#MainContent_btnRegister").button();
        });
        $(function () {
            $("#accordion").accordion();
        });

        function ValidateRegisterForm() {
            return true;
        }
    </script>
    <table style="width: 98%; margin-left: 10px;">
        <tr>
            <td style="width: 30%; vertical-align: top;">
                <h4>
                    See what people are sharing…</h4>
            </td>
            <td style="width: 100px; vertical-align: top;">
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
        </tr>
        <tr>
            <td style="width: 30%; vertical-align: top;">
                <asp:TextBox ID="txtSearch" CssClass="searchtxt ui-accordion ui-corner-all" runat="server"></asp:TextBox>
                <br />
                <br />
                <asp:Button ID="btnSearch" Style="float: right;" runat="server" Text="Search" 
                    onclick="btnSearch_Click" />
                <br /><br /><br />
                <img src="images/file-sharing.png" style="float:right;" />
            </td>
            <td style="width: 100px; vertical-align: top;">
                <asp:DropDownList ID="ddlSearch" CssClass="searchddl ui-accordion ui-corner-all"
                    runat="server">
                    <asp:ListItem Value="0">All files</asp:ListItem>
                    <asp:ListItem Value="1">Video</asp:ListItem>
                    <asp:ListItem Value="2">Music</asp:ListItem>
                    <asp:ListItem Value="3">Photo</asp:ListItem>
                    <asp:ListItem Value="4">Documents</asp:ListItem>
                    <asp:ListItem Value="9">Other</asp:ListItem>
                </asp:DropDownList>
            </td>
            <td>
                <div id="accordion" style="width: 80%; margin-left: 100px;">
                    <h3>
                        <a href="#">Create an account</a></h3>
                    <div>
                        <span>Username</span><br />
                        <asp:TextBox ID="txtUsername" CssClass="searchtxt ui-accordion ui-corner-all" Style="width: 300px;"
                            runat="server"></asp:TextBox>
                        <br />
                        <br />
                        <span>Email ID</span><br />
                        <asp:TextBox ID="txtEmailID" CssClass="searchtxt ui-accordion ui-corner-all" Style="width: 300px;"
                            runat="server"></asp:TextBox>
                        <br />
                        <br />
                        <span>Password</span><br />
                        <asp:TextBox ID="txtPassword" TextMode="Password" CssClass="searchtxt ui-accordion ui-corner-all"
                            Style="width: 300px;" runat="server"></asp:TextBox>
                        <br />
                        <br />
                        <span>Re-enter password</span><br />
                        <asp:TextBox ID="txtPasswordAgain" TextMode="Password" CssClass="searchtxt ui-accordion ui-corner-all"
                            Style="width: 300px;" runat="server"></asp:TextBox>
                        <br />
                        <br />
                        <asp:Button ID="btnRegister" Style="float: right;" runat="server" 
                            Text="Create Account" OnClientClick="ValidateRegisterForm();" 
                            onclick="btnRegister_Click" ValidationGroup="register" />
                    </div>
                </div>
            </td>
        </tr>
        <tr>
            <td style="width: 30%; vertical-align: top;">
                &nbsp;
            </td>
            <td style="width: 100px; vertical-align: top;">
                &nbsp;
            </td>
            <td>
                &nbsp;
                <asp:RequiredFieldValidator ID="rfvUsername" runat="server" 
                    ControlToValidate="txtUsername" Display="None" ErrorMessage="Enter username" 
                    ValidationGroup="register"></asp:RequiredFieldValidator>
                <asp:ValidatorCalloutExtender ID="rfvUsername_ValidatorCalloutExtender" 
                    runat="server" Enabled="True" TargetControlID="rfvUsername">
                </asp:ValidatorCalloutExtender>
                <asp:RequiredFieldValidator ID="rfvEmail" runat="server" 
                    ControlToValidate="txtEmailID" Display="None" ErrorMessage="Enter email id" 
                    ValidationGroup="register"></asp:RequiredFieldValidator>
                <asp:ValidatorCalloutExtender ID="rfvEmail_ValidatorCalloutExtender" 
                    runat="server" Enabled="True" TargetControlID="rfvEmail">
                </asp:ValidatorCalloutExtender>
                <asp:RegularExpressionValidator ID="revEmail" runat="server" 
                    ControlToValidate="txtEmailID" Display="None" ErrorMessage="Invalid email id" 
                    ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" 
                    ValidationGroup="register"></asp:RegularExpressionValidator>
                <asp:ValidatorCalloutExtender ID="revEmail_ValidatorCalloutExtender" 
                    runat="server" Enabled="True" TargetControlID="revEmail">
                </asp:ValidatorCalloutExtender>
                <asp:RequiredFieldValidator ID="rfvPassword" runat="server" 
                    ControlToValidate="txtPassword" Display="None" ErrorMessage="Enter password" 
                    ValidationGroup="register"></asp:RequiredFieldValidator>
                <asp:ValidatorCalloutExtender ID="rfvPassword_ValidatorCalloutExtender" 
                    runat="server" Enabled="True" TargetControlID="rfvPassword">
                </asp:ValidatorCalloutExtender>
                <asp:RequiredFieldValidator ID="rfvPassword1" runat="server" 
                    ControlToValidate="txtPasswordAgain" Display="None" 
                    ErrorMessage="Re-enter password" ValidationGroup="register"></asp:RequiredFieldValidator>
                <asp:ValidatorCalloutExtender ID="rfvPassword1_ValidatorCalloutExtender" 
                    runat="server" Enabled="True" TargetControlID="rfvPassword1">
                </asp:ValidatorCalloutExtender>
                <asp:CompareValidator ID="cvPassword" runat="server" 
                    ControlToCompare="txtPassword" ControlToValidate="txtPasswordAgain" 
                    Display="None" ErrorMessage="Password mismatch" ValidationGroup="register"></asp:CompareValidator>
                <asp:ValidatorCalloutExtender ID="cvPassword_ValidatorCalloutExtender" 
                    runat="server" Enabled="True" TargetControlID="cvPassword">
                </asp:ValidatorCalloutExtender>
            </td>
        </tr>
        <tr>
            <td style="vertical-align: top;" colspan="3">
                <span style="color: #1B86B7; font-family: Verdana; font-size:13px; font-weight:bold; ">fHost1 lets you store all of your content online, so you can access,
                    manage and share it from anywhere. Create an account with us and start 
                uploading the files. Manage it and share it with your friends and family.</span>&nbsp;
                <br /><br />
                <span style="color: #1B86B7; font-family: Verdana; font-size:15px; font-weight:bold;">Create an account with us and get 500MB free space.</span>
            </td>
        </tr>
    </table>
</asp:Content>
